<template>
    <tr>
        <td v-if="isEdited==false">{{ roomusagerate.classroom_id }}</td>
        <td v-if="isEdited==false">{{ roomusagerate.classroom_name }}</td>
        <td v-if="isEdited==false">{{ roomusagerate.belonging_building }}</td>
        <td v-if="isEdited==false">{{ roomusagerate.class_student_count }}</td>
        <td v-if="isEdited==false">{{ roomusagerate.capacity }}</td>
        <td v-if="isEdited==false">
            <el-progress :status="roomusagerate.usage_rate > 60 ? ' ' : 'exception' " :text-inside="true" :stroke-width="26" :percentage="roomusagerate.usage_rate"></el-progress>
        </td>
        <td v-if="isEdited==false">{{ roomusagerate.usage_rate > 60 ? '教室使用率高于60%' : '教室使用率低于60%' }}</td>
        
    </tr>
</template>

<script>
// import SelectPlace from "./SelectPlace"
export default {
    name:"roomusagerateItem",
    props:["roomusagerate"],
    data() {
        return { 
            isEdited:false
        }
    },
    components: {
        // SelectPlace
    },
    methods: {
        edit(){
            this.isEdited=true;
            console.log(this.$route.params);
        }
    },
    filters: {
    }

}
</script>

<style scoped>
    input{
        height:30px
    }
    td{
        width:60px
    }
</style>